<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>走秀网</title>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/shouye.css" />

	</head>

	<body>
		<div class="tiaozhuan"></div>
		<header class="header">
			<div class="center">走秀网首页</div>

		</header>
		<section class="section">
			<div class="tab">
				<div class="swiper-container imgs">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/bag.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/bag.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/bag.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/bag.png" />
						</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>

					<!-- 如果需要导航按钮 -->
					<!--
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
-->

					<!-- 如果需要滚动条 -->
					<!--<div class="swiper-scrollbar"></div>-->
				</div>

			</div>

			<div class="title-color">
				热门品牌
			</div>

			<ul class="pinpai">
				
				<li class="list" onclick="window.location='goods.html'">
					<div class="logo">
						<img src="img/logo.png " />
					</div>
					<div class="main">
						<div class="title">D2C</div>
						<div class="content">D2C新品上线</div>
					</div>
					<div class="discount">
						1.8折
					</div>
					<div class="right-arrow">
						<img src="img/right-arrow.png" />
					</div>
					
				</li>
				
				
				
				<li class="list ">
					<div class="logo ">
						<img src="img/logo.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					<div class="discount ">
						1.8折
					</div>
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
				
				<li class="list ">
					<div class="logo ">
						<img src="img/logo.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					<div class="discount ">
						1.8折
					</div>
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
				
				
				<li class="list ">
					<div class="logo ">
						<img src="img/logo.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					<div class="discount ">
						1.8折
					</div>
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
				
				<li class="list ">
					<div class="logo ">
						<img src="img/logo.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					<div class="discount ">
						1.8折
					</div>
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
			</ul>
			
			<ul class="pinpai ">
				<li class="list ">
					<div class="logo ">
						<img src="img/logo.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					<div class="discount ">
						1.8折
					</div>
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
			</ul>
			
			
			<div class="more-brands" onclick="window.location='class.html' ">
				
				更多品牌&gt;&gt;
				
			</div>
			
			<div class="title-color" onclick="window.location='class.html' ">
				热门分类
				
			</div>
			
			
			
			<ul class="pinpai ">
				<li class="list ">
					<div class="logo ">
						<img src="img/bag-1.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
				
				
				<li class="list ">
					<div class="logo ">
						<img src="img/bag-1.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
				
				
				<li class="list ">
					<div class="logo ">
						<img src="img/bag-1.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
				
				
				<li class="list ">
					<div class="logo ">
						<img src="img/bag-1.png " />
					</div>
					<div class="main ">
						<div class="title ">D2C</div>
						<div class="content ">D2C新品上线</div>
					</div>
					
					<div class="right-arrow ">
						<img src="img/right-arrow.png " />
					</div>
					
				</li>
				
			</ul>
			
		</section>
		
		
		<footer class="footer ">
			<ul class="nav ">
				<li class="list show " onclick="window.location='shouye.html' ">
					<span class="img ">
						<img src="img/nav-1.png " />
					</span>
					<span class="title ">首页</span>
				</li>
				
				<li class="list " onclick="window.location='search.html' ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title ">搜索</span>
				</li>
				
				<li class="list ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title">我的秀</span>
				</li>
				
				<li class="list " onclick="window.location='shoppingcar.html' ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title ">购物车</span>
				</li>
				
				<li class="list " onclick="window.location='gengduo.html' ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title ">更多</span>
				</li>
				
			</ul>
		</section>	
		
		
		
		<footer class="footer ">
			<ul class="nav ">
				<li class="list show " onclick="window.location='shouye.html' ">
					<span class="img ">
						<img src="img/nav-1.png " />
					</span>
					<span class="title ">首页</span>
				</li>
				
				<li class="list " onclick="window.location='search.html' ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title ">搜索</span>
				</li>
				
				<li class="list ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title ">我的秀</span>
				</li>
				
				<li class="list " onclick="window.location='shoppingcar.html' ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title ">购物车</span>
				</li>
				
				<li class="list " onclick="window.location='gengduo.html' ">
					<span class="img ">
						<img src="img/nav.png " />
					</span>
					<span class="title ">更多</span>
				</li>
				
			</ul>
			
		</footer>	
			
			
		
		 <script src="js/jquery-1.12.4.min.js "></script>
		 <script src="js/swiper.jquery.js "></script>
		 <script src="js/zepto.js "></script>
		 <script src="js/swiper.js "></script>
	   
	   <script>
	    
	        $(function(){
	            //Swiper构造函数，swiper1变量是这个构造函数的实例对象
	            var swiper1 = new Swiper('.swiper-container', {
					keyboardControl : true,
					autoplay: 1500,
	                // 如果需要分页器
	                
	                pagination: '.swiper-pagination',
	              
	            })
	            
	        })
	        
	        
//	        var list=$(".footer .nav li ");
//	        
//	        list.on("click ",function(  ){
//	        	console.log($(this));
//	        	$(this).addClass("show ").siblings().removeClass("show ");
//	        	
//	        	
//		})
//				$('.tiaozhuan').load('class.html');
	        	$('.nav li').eq(0).on('click',function(){
	        		$('.tiaozhuan').load('search.html');
	        	})
	        
	        
	        
        
    </script>
		
	</body>
</html>